@import url(./base.less);
body{
  background-color: #fafafa;
}
.header {
  position: fixed;
  top: 0 ;
  left: 0;
  width: 100%;
  font-size: 4.2667vw;
  text-align: center;
  height: 13.3333vw;
  line-height: 13.3333vw;
  background-color:#fff;
  font-weight: 700;
  i{
    position: absolute;
    top: 0;
    left: 3.6667vw;
    font-weight: 500;
    font-size: 5.2667vw;
  }
}
.main{
  width: 100%;
  height: 100%;
  .search{
    position: relative;
    height: 13vw;
    display: flex;
    margin-top: 13.3333vw;
    background-color: #fff;
    justify-content: space-between;
    .search_left{
      width: 90%;
      padding: 2.6667vw 1.3333vw ;
      span{
        position: absolute;
        top: 3.7vw;
        left: 19vw;
        font-size: 5vw;
      }
      input{
        width: 100%;
        height: 8vw;
        font-size: 4vw;
        background-color: #f1f1f1;
        border-radius: 2.6667vw;
        padding-left: 23.6667vw;
      }
    }
    .search_right{
      width: 10%;
      .ziti{
        font-size: 6.3333vw;
        line-height: 13.5vw;
        color: dimgrey;
      }
    }
  }
  .nav{
    height: 13.3333vw;
    display: flex;
    background-color: #fff;
    position: relative;
    div{
      width: 33.3%;
      line-height: 13.3333vw;
      text-align: center;
      font-size: 3.7333vw;     
    }
    .active{
      color: #e49a75;
    }
    .icon-arrow_up_fat{
      position: absolute;
      top: 25%;
      left: 88%;
    }
    .icon-arrow_down_fat{
      position: absolute;
      top: 45%;
      left: 88%;
    }
  }
    .goods{
      width: 100%;
      .item{
        width: 100%;
        height: 27.4667vw;
        padding: 1.8667vw;
        display: flex;
        background-color: #fff;
        margin-bottom: 5px;
        .item_left{
          width: 40%;
          img{
            display: block;
            height: 23.4667vw;
            width: 23.4667vw;
          }
        }
        .item_right{
          width: 60%;
            .spa{
              margin: 1.3333vw 1.3333vw 0 1.3333vw ;
              font-size: 2.6vw;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            .spb{
              font-size: 3.4667vw;
              padding: 1vw 1.3333vw;
              color: #999;
            }
            .spc{
              font-size: 3.4667vw;
              .spca{
                color: red;
                margin-right: 2.3333vw;
                font-size: 4.3333vw;
                i{
                  font-size: 3.4667vw;
                }
              }
              del{
                color: #999;
              }
            }
        }
      }
    }
    .goodslist{
      display: flex;
      justify-content: space-between;
      a{
        // display: inline-block;
        width: 49%;
        margin: 0 0.8%;
        .item{
          width:100%;
          height: 66.6667vw;
          background-color: #fff;
          .item_top{
            img{
              display: block;
              height: 48vw;
              width: 48vw;
            }
          }
          .item_bottom{
            .spa{
              margin: 1.3333vw 1.3333vw 0 1.3333vw ;
              font-size: 2.6vw;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            .spc{
              font-size: 3.4667vw;
              .spca{
                color: red;
                margin-right: 2.3333vw;
                font-size: 4.3333vw;
                i{
                  font-size: 3.4667vw;
                }
              }
              del{
                color: #999;
              }
            }
          }
          
        }
      }
    }
}